.button {
  border: 1px solid transparent;
  border-radius: 2px;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  padding: 2px 8px;
  outline: none;

  &:disabled {
    opacity: 0.8;
  }

  &:not(:disabled):hover {
    background: var(--vscode-button-hoverBackground);
  }

  &:active,
  &:focus {
    border-color: var(--vscode-focusBorder);
  }

  &.secondary {
    background: var(--vscode-button-secondaryBackground);
    color: var(--vscode-button-secondaryForeground);

    &:not(:disabled):hover {
      background: var(--vscode-button-secondaryHoverBackground);
    }
  }
}
